@import '../../assets/less/base/variables.less';

.tab {
  height: 80px;
  display: flex;
  padding-right: 80px;
  padding-left: 50px;
  border-bottom: 1px solid @lightBorderColor;
  .tab-item {
    flex: 1;
    padding-right: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: @grey99;
    cursor: pointer;
    position: relative;
    .tab-icon {
      position: absolute;
      right: 24px;
      top: 50%;
      transform: translateY(-50%);
    }
    .step-num {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      font-size: inherit;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      background: @lightBorderColor;
      margin-right: 10px;
    }
    &.active {
      color: @blue;
      .step-num {
        color: #fff;
        background: @blue;
      }
    }
    &:last-child {
      padding-right: 0;
    }
  }
}

.page-bd {
  padding: 40px 70px;
}
